<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
        <title></title>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">

         <!--app-->
        <link rel="stylesheet" href="css/fonts/font-awesome.min.css">
        <link rel="stylesheet" href="css/ui-box.css">
        <link rel="stylesheet" href="css/ui-base.css">
        <link rel="stylesheet" href="css/ui-color.css">
        <link rel="stylesheet" href="css/appcan.icon.css">
        <link rel="stylesheet" href="css/appcan.control.css">
        <link rel="stylesheet" href="css_sdk/css/main.css">
        <link rel="stylesheet" href="test_content/css/detail.css">

        <style>
            .am-header-default {
                background-color: #eb1111;
            }
            .bc-btn {
                background-color: #eb1111;
            }
            .logo {
                background-image: url('images/logo.png');
            }
            .umhw1 {
                min-height: 9.16em;
                min-width: 13.5em;
            }
            
            .umar-a {
                margin: 1em;
            }
            .bc-head {
                background-color: #eb1111;
            }
            .uh-de2 {
                height: 1.5em;
            }
            .detban {
            background-image: url('images/product3.jpg');
            }
            .uh-det1 {
            height: 12.75em;
            }
        </style>


		<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
		<script type="text/javascript">
			$(document).ready(function(){	
				var retData=JSON.parse(sessionStorage.getItem("retData"));
				var htm="<ul>";

				var id=getUrlParam("id");

				$.each(retData[0]["productDetail"],function(idx,item){
					if(item['f2']==id){
						$("#f2").html(item['f3']);
						$("#f7").html('价格：￥'+item['f7']);
                                                $("#f8").html('限购数量：'+item['f8']);
                                                $("#f11").html('保质期：'+item['f11']);
                                                $("#title1").html(item['f3']);
                                                $("#content").html(item['f5']);
                                                document.getElementById('timg').style.backgroundImage="url(http://101.200.158.44/SyxView/UpImages/Product/"+item.f1+")";
        }
				})
			});


			function getUrlParam(name){
				var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象
				var r = window.location.search.substr(1).match(reg);  //匹配目标参数
				if (r!=null) return unescape(r[2]); return null; //返回参数值
			}
		</script>
</head>


<body class="um-vp bc-bg" >

        <div id="page_0" class="up ub ub-ver" tabindex="0">
            
         <div id="header" class="uh bc-text-head ub bc-head">
               <div class="nav-btn" id="nav-left" onclick="javascript:history.go(-1)">
                    <div class="fa fa-angle-left fa-2x"></div>
                </div>
                <h1 id="f2" class="ut ub-f1 ulev-3 ut-s tx-c" tabindex="0">美白补水护肤品套装</h1>
                <div class="nav-btn nav-bt" id="nav-right"></div>
        </div>
            
              <div class="ub ub-ver">
            <div id="timg" class="ub ub-ver uh-det1 ub-fh ub-img7 ub-pe">
            </div>
            <div class="ub ub-ver uinn-a7 " style=" background-color: white; margin-top: 0.5em">
                <div class=" bc-border">
                    <div class="ub">
                        <div class="ub-f1 ulev-app2 t-bla-de line-hei uh-de2 bc-border uinn-r-de uof">
                           
                        </div>
                        
                    </div>

                    <div class="ub ub-ae umar-t">
                        <div id="f7" class=" ulev-4" style="color:#eb1111"> 
                            
                        </div>
                    </div>
                    <!--
                    <div class="ub ub-ae umar-t">
                        <div class=" ulev-4 t-bla-de2" > 
                            保质期：1个月
                        </div>
                    </div>-->
                    <div class="ub ub-ae umar-t">
                        <div id="f8" class=" ulev-4 t-bla-de2" > 
                            
                        </div>
                    </div>
                    <div class="ub ub-ae umar-t">
                        <div id="f11" class=" ulev-4 t-bla-de2" > 
                            
                        </div>
                    </div>
                </div>
            </div>
                  
            <div class="ub ub-ver " style=" background-color: white; margin-top: 0.5em">
                <div class=" bc-border">
                    <div class="ub  uinn-a7">
                        <div id="title1" class="ub-f1 ulev-app2  line-hei uh-de2 bc-border uinn-r-de uof " style="font-weight:bold">
                          
                        </div>
                    </div>
                 
                    <div id="content">
                        <!--<img src="images/product.jpg" width="100%">-->
                    </div>
                 
                </div>
            </div>      
                  

           </div>
            
        <script src="js/appcan.js"></script>
        <script src="js/appcan.control.js"></script>
        <script src="js/appcan.slider.js"></script>
    <script>
        function click_sub(){
            window.location.href="home.html";
        }
    </script>
    </script>

</body>
</html>
